<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 超链接标签
     a标签  可以通过target属性控制页面打开方式
     _blank新开窗口打开页面 _self(默认)在当前页面打开
     1.打开外部网址页面 
     2.打开本地页面
     -->
     <a target="_blank" href="https://www.baidu.com">百度一下</a>
     <a target="_self" href="https://www.baidu.com">百度一下</a>
     <!-- 相对路径和绝对路径 D/xxx E/xxx
        ./表示当前目录   ../表示上级目录
     -->
     <a href="./2-常用标签。html">打开常用标签页面</a>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>马嘉祺</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <div>块级元素</div>
     <a href="#">回到顶部</a>
</body>
</html>